<template>
	<view class="serve">
		<h3 class="title">其他服务</h3>
		<u-grid :col="4" :border="false" align="center">
			<u-grid-item v-for="(item, index) in grid" :key="index">
				<u-icon :name="item.icon" :size="50"></u-icon>
				<view class="grid-text">{{ item.title }}</view>
			</u-grid-item>
		</u-grid>
	</view>
</template>

<script>
export default {
	data() {
		return {
			grid: [
				{ title: '我的收藏', icon: 'star' },
				{ title: '地址管理', icon: 'map' },
				{ title: '客服中心', icon: 'kefu-ermai' },
				{ title: '账号设置', icon: 'setting' },
				{ title: '关于我们', icon: 'info-circle' },
				{ title: '我的评价', icon: 'edit-pen' },
				{ title: '我的发布', icon: 'order' }
			]
		};
	}
};
</script>

<style lang="scss" scoped>
.title {
	height: 80rpx;
	line-height: 80rpx;
	font-size: 35rpx;
	font-weight: bold;
}
.grid-text {
	margin-top: 20rpx;
	color: $u-type-info;
	font-size: 30rpx;
}
</style>
